$(function(){
	//页面初始化
	init();
	document.body.onscroll=change;
	//1.点击top1的menu
	$(".menu").click(function(){
		var flag=$("#menu").css("display")=="block"?true:false;
		if(flag){
			$("#menu").hide();
		}else{
			
			$(".white").show();
			$("#menu").show();
		}
		
	})
	
	$(".kefu").click(function(){
		$(".alert_kefu").show();
	})
	
	$(".alert_kefu").click(function(){
		$(".alert_kefu").hide();
	})
	
	$(".kefu_pic").click(function(){
		//event.stopPropagation();
	})
	
	$(".white").click(function(){
		$(".white").hide();
		$("#menu").hide();
	})
	
	
	//2.点击商品规格弹出选项卡
	$(".spgg").click(function(){
		$(".grey").show();
		$(".chose_item .chose_footer").removeClass("type1");
		$(".chose_item .chose_footer").addClass("type2");
		$(".chose_item").show();
		$(".grey").show();
		change_text();
	})
	
	//3.点击加入购物车
	$(".add_buy").click(function(){
		$(".chose_item .chose_footer").removeClass("type2");
		$(".chose_item .chose_footer").addClass("type1");
		$(".chose_item").show();
		$(".grey").show();
		change_text();
	})
	
	//4.点击立即购买
	$(".buy_it").click(function(){
		checkform();
	})
	
	//5.点击关闭按钮
	$(".shut").click(function(){
		$(".grey").hide();
		$(".chose_item").hide();
	})
	
	$(".grey").click(function(){
		$(".grey").hide();
		$(".chose_item").hide();
	})
	
	//6.点击头部按钮 切换效果
	$(".navs").click(function(){
		$(".navs").removeClass("active");
		$(".navs").find(".position_pic").removeClass("position");
		$(this).find(".position_pic").addClass("position");
		$(this).addClass("active");
		var thisid=$(this).attr("name");console.log(thisid);
		if($(this).hasClass("nav_left")){
			$(".top1").show();$(".top2").hide();
			$("#comment").css("padding-top",0);
			$("#detail").css("padding-top",0);
		}else{
			var ss=($(thisid).offset().top-49)*1;console.log(ss);
			document.body.scrollTop = document.documentElement.scrollTop = ss;
//			document.scrollTop=$(thisid).height();
		}
		
	})
	
	//7.加
	$(".add").click(function(){
		var num_now=$(this).prev().text()*1;
		var num_new;
		var maxmum=9;
		if( num_now<maxmum){
			$(".dic").removeClass(".minmum");
			num_new=num_now+1;
			$(".nums").text(num_new);
		}else{
			num_new=num_now;
			layer.msg("您的购买数量超过库存");
		}
		
	})
	 
	//8.减
	$(".dic").click(function(){
		var num_now=$(this).next().text()*1;
		var num_new;
		var minmum=1;
		if( num_now>minmum){
			num_new=num_now-1;
			$(".nums").text(num_new);
		}else{
			$(this).addClass("minmum");
			num_new=num_now;
			layer.msg("不能再少了");
		}
	})
	
	//9.选择样式
	$(".type_body span").click(function(){
		var flag=$(this).hasClass("active");
		if(!flag){
			$(this).addClass("active");
			$(this).siblings().removeClass("active");
			$(this).parent().parent().removeClass("un").addClass("on");
			
		}else{
			$(this).removeClass("active");
			$(this).parent().parent().removeClass("on").addClass("un");
		}
		change_text();
	})
	
	//10.收藏心形图片切换****/
 	$(".heart").click(function(){
 		var yishoucang="已收藏";
 		var weishoucang="收藏";
 		if($(this).hasClass("heart_un")){
 			$(this).removeClass("heart_un").addClass("heart_on");
 			$(".save_text").text(yishoucang);
 			layer.msg("收藏成功");
 		}else if($(this).hasClass("heart_on")){
 			$(this).removeClass("heart_on").addClass("heart_un");
 			$(".save_text").text(weishoucang);
 			layer.msg("已取消收藏");
 		}
 	})
 	
 	//11.点击确定按钮
 	$(".comfirm").click(function(){
// 		$("form[name=myform]").submit();
 		add_buy();
 	})
 	//12.点击加入购物车按钮
 	$(".addbuy").click(function(){
 		//$("form[name=myform]").submit();
 		add_buy();
 	})
 	//13.点击立即购买按钮
 	$(".buynow").click(function(){
 		buy_now();
 	})
 	
 	$(".buy_it").click(function(){
 		$(".chose_footer").addClass("type1").removeClass("type2");
 		buy_now();
 	})
 	
 	//14.点击分享功能
 	$(".fenxiang").click(function(){
 		$(".white").hide();
 		$("#menu").hide();
 		$(".alert_share").show();
 	})
 	$(".alert_share").click(function(){
 		$(".alert_share").hide();
 	})
 	
})

//页面初始
function init(){
	$(".top1").show();$(".top2").hide();//头部bar默认样式
	$(".navs").removeClass("active");//头部左侧按钮默认点击效果
	$(".nav_left").addClass("active");
	$(".grey").hide();$(".chose_item").hide();
	$(".alert_share").hide();
}
function change(){
	var hh=window.scrollY;//页面滚动的距离	
	var top_he=$(".top").height();
	var max=720;
	$("#comment").css("padding-top",0);
	$("#detail").css("padding-top",0);
//	console.log(hh);
//	console.log("top的高度"+$(".top").height());
//	console.log("评论的高度"+$(".comment").offset().top);
//	console.log("详情的高度"+$(".detail").offset().top);
	var h_com=$(".comment").offset().top*1-51;
	var h_det=$(".detail").offset().top*1-51;
	if(hh==0){
		$(".top1").show();
		$(".top2").hide();
	}if(1<=hh<360){
		background1(".top1",hh);
		background2(".top2",hh);
		
	}
	if(hh>360){
		$(".top1").hide();
		$(".top2").show();
		if(hh<h_com){
		 	$(".navs").find(".position_pic").removeClass("position");
		  	$(".nav_left").find(".position_pic").addClass("position");	
		  	$(".navs").removeClass("active");
		  	$(".nav_left").addClass("active");
		}else if(hh<h_det){
			$(".navs").find(".position_pic").removeClass("position");
		  	$(".nav_center").find(".position_pic").addClass("position");
		  	$(".navs").removeClass("active");
		  	$(".nav_center").addClass("active");
		}else {
			$(".navs").find(".position_pic").removeClass("position");
		  	$(".nav_right").find(".position_pic").addClass("position");
		  	$(".navs").removeClass("active");
		  	$(".nav_right").addClass("active");
		}
	}
}
function background1(thisclass,per){
	var per1=(360-per)/360;
	$(thisclass).css("opacity",per1);
	$(".top1").show();
	
}
function background2(thisclass,per){
	var per2=per/360;
	$(thisclass).css("opacity",per2);
	$(".top2").show();
	
}

/**遍历样式***/
function change_text(){
	var nums=$(".chose_type").length;
	var text_html="";
	var ac_text_html="";
	$(".un_chose").html('<span class="qxz">请选择</span>&nbsp;');
	$(".on_chose").html('<span class="qxz">已选：</span>&nbsp;');
	for(var i=0;i<nums;i++){
		var s_nums=$(".chose_type").eq(i).find(".type_body span").length;
		var flag=$(".chose_type").eq(i).hasClass("un");
		if(flag){
			var type=$(".chose_type").eq(i).find(".type_top").text();
			text_html+="<span>"+type+"</span>&nbsp;";
		}
		
		for(var j=0;j<s_nums;j++){
			var $this=$(".chose_type").eq(i).find(".type_body span").eq(j);
			if($this.hasClass("active")){
				var a_text=$this.text();
				ac_text_html+="<span>"+a_text+"</span>&nbsp;";
			}
		}
		
	}
	console.log(text_html);
	console.log(ac_text_html);
    if(text_html!=""){
    	$(".un_chose").show();
    	$(".on_chose").hide();
    	$(".un_chose").append($(text_html));
    }else{
    	$(".un_chose").hide();
    	$(".on_chose").show();
    	$(".on_chose").append($(ac_text_html));
    }
	
}


function checkform(){
	var result=check_form();
	if(result){
//		layer.msg("表单提交成功");
		return true;
	}else{
//		layer.msg("请选择商品选项");
		return false;
	}
}


function check_form(){
	var l_length=$(".chose_type").length;
	var flag=true;
	for(var i=0;i<l_length;i++){
		if($(".chose_type").eq(i).hasClass("un")){
			flag=false;
			console.log("chose_type"+i+flag);
			return false;
		}
	}
	return true;
   
}

function check_num(){
	var totalnum=$(".toal-num").text()*1;
	var nums=$(".nums").text()*1;
	totalnum=totalnum+nums;
	$(".toal-num").text(totalnum);
	return totalnum;
}

function add_buy(){
	var ss=check_form();
 		if(ss){
 			layer.msg("添加购物车成功");
 			$(".grey").hide();
 			$(".chose_item").hide();
 			check_num();
 		}else{
 			layer.msg("请选择商品属性");
 		}
}

function buy_now(){
	var ss=check_form();
 		if(ss){
 			location.href="sub_order.html";
 			$(".grey").hide();
 			$(".chose_item").hide();
 			check_num();
 		}else{
 			$(".grey").show();
 			$(".chose_item").show();
 			layer.msg("请选择商品属性");
 		}
}
